<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<html>
<head>

    <meta charset="UTF-8">
    <title>借书页面</title>

</head>
<body>
<img width="100%" height="100%" src="image/yj01.jpg" style="position:absolute; left:0; top:0; z-index:-1;"/>
<h1 style="color: #FF0000;size: 20px;">欢迎来到借书页面！</h1>
<form action="order" method="get" class="form-horizontal" style="margin-top: 70px">
    <div class="form-group">
        <label for="inputuserNamel3" class="col-sm-2 control-label" style="font-size: 30px;text-align: center;">UserName:</label>
        <div class="col-sm-10">
            <input name="userName" type="text" class="form-control" id="inputuserNamel3" placeholder="UserName" style="  height:50px;width: 400px;font-size: 20px">
        </div>
    </div>
    <div class="form-group" style="margin-top: 70px">

        <div class= "col-sm-10" >
            <label  class="col-sm-2 control-label" style="font-size: 30px;text-align: center">SelectBook:</label><br>
            <div>
                <select style="height:50px;width: 400px;font-size: 20px" name="bookName">
                    <option  th:each="book:${books}"  th:text="${book.getBookName()}"></option>
                </select>
            </div>

        </div>

    </div>

    <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
            <button type="submit" class="btn btn-primary btn-lg" style="  margin-top:70px;width: 200px;font-size: 20px;font-weight: bold" >Borrow</button>
        </div>
    </div>
</form>
</body>

</html>